.safe-area {
    width: 100%;

    &-top {
        padding-top: calc(env(safe-area-inset-top) * var(--safe-area-multiple, 1));
    }

    &-bottom {
        padding-bottom: calc(env(safe-area-inset-bottom) * var(--safe-area-multiple, 1));
    }
}
